<template>
  <div>
    <div class="Hotcomment">
      <div v-for="(item, index) in ExclusiveList" :key="index" class="privateItem">
        <div class="topImg">
          <img v-lazy="item.picUrl+'?param=694y256'" alt="" />
        </div>
        <div class="itemTitle">
          {{ item.name }}
        </div>
        <div class="pushTime">发布时间：{{ item.time | getTime }}</div>
      </div>
    </div>
  </div>
</template>

<script  type='module'>
import { parseDate } from '@/common/day'
export default {
  name: 'CloudVillageExclusive',
  props: {
    ExclusiveList: Array
  },
  data () {
    return {
    }
  },
  filters: {
    getTime (value) {
      return parseDate(value, 'YYYY-MM-DD')
    }
  },
  created () {
  }
}
</script>

<style lang="less" scoped>
.privateItem {
  width: 100%;
  margin-bottom: 0.533333rem;
}
.topImg {
  width: 100%;
  border-radius: 0.213333rem;
  overflow: hidden;
}
.topImg img {
  width: 100%;
}
.itemTitle {
  font-size: 0.373333rem;
  margin-top: 0.133333rem;
  margin-bottom: 0.133333rem;
  line-height: 0.48rem;
}
.pushTime {
  font-size: 0.32rem;
  color: rgb(156, 156, 156);
  text-align: end;
}
</style>
